<template>
    <div>
        <div class="container bjimg" style="height:87vh;" :class="[flag==true ?'bjimg':'bjimg1']">
            <div style="color:white;display:flex;">
                <div class="button">
                    <i class="el-icon-video-camera" style="margin-right:6px;font-size:16px;"></i>企业监控
                </div>
                <div class="button" :class="[flag==true ?'buttons':'button']" @click="botton">
                    <i class="el-icon-share" style="margin-right:6px;font-size:16px;"></i>种植情况
                </div>
                <div class="button">
                    <i class="el-icon-time" style="margin-right:6px;font-size:16px;"></i>养殖追溯
                </div>
                <div class="button" :class="[flag==false ?'buttons':'button']" @click="botton1">
                    <i class="el-icon-s-custom" style="margin-right:6px;font-size:16px;"></i>普惠金融
                </div>
                <div class="button">
                    <i class="el-icon-video-camera-solid" style="margin-right:6px;font-size:16px;"></i>视频展示
                </div>
                <div class="button">
                    <i class="el-icon-close" style="margin-right:6px;font-size:16px;"></i>退出登录
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            flag: true
        };
    },
    created() {

    },
    mounted() {
        
    },
    destroyed: function () {

    },
    methods: {
		botton(){
            this.flag = true
        },
		botton1(){
            this.flag = false

        }
    }
};
</script>

<style lang="less" scoped>
    .bjimg{
        background-image: url(../../../../assets/img/bigdata.png);
        background-size: 100% 100%;
    }
    .bjimg1{
        background-image: url(../../../../assets/img/bigdata1.png);
        background-size: 100% 100%;
    }
    .button{
        margin-right: 20px;
        padding: 4px 10px;
        background-color: #1E2540;
        border-radius: 8px;
        font-size: 14px;
    }
    .buttons{
        margin-right: 20px;
        padding: 4px 10px;
        background-color: #333FFF;
        border-radius: 8px;
        font-size: 14px;
    }
</style>